<template>
  <div class="main22">
      <arrow :topList="topList"></arrow>
      <article class="show_list">
          <div class="show_list_title">内容管理 > 我的作品</div>
          <div>list</div>
      </article>
  </div>
</template>

<script>
import arrow from '@/views/components/arrow'
export default {
  components: { arrow },
  data() {
      return {
          topList: {
              title: '流程指引',
              list: [
                  { name: '素材管理', img: 'blue' },
                  { name: '内容创作', img: 'blue' },
                  { name: '专家审核', img: 'blue' },
                  { name: '产品分发', img: 'blue' },
                  { name: '传播管理', img: 'gray' },
              ]
          },
      }
  },
  created() { },
  methods: {

  },

}
</script>

<style lang='scss' scoped>
.main22 {
  background-color: #f5f5f5;

  .show_list {
      background-color: white !important;
      margin-top: 10px;
      padding-left: 31px;

      .show_list_title {
          padding-top: 32px;
          font-size: 16px;
          font-family: Microsoft YaHei, Microsoft YaHei;
          font-weight: 700;
          color: #3D3D3D;
          line-height: 21px;
      }
  }
}
</style>